<template>
  <h1>{{ msg }}</h1>

  <div class="card">

    <van-button type="danger" @click="count++">count is {{ count }}</van-button>
   
  </div>

</template>


<script setup>
import { ref,reactive,toRefs } from 'vue';

export default{
  setup() {
        const data = reactive({
          count: 0,
        });
    return {
      ...toRefs(data)
    }


// defineProps({
//   msg: String,
// })

// const count = ref(0)
</script>

<style scoped>
.read-the-docs {
  color: #888;
}

.card {
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>
